.box{
    /* display: flex; */
    /* background-color: rosybrown; */
}
/* 头部变化的部分 */
header{
    /* background-color: salmon; */
}

/* 不变化部分-轮播图开始  */
.not-change{
	/* border: solid; */
	width: 100%;
	/* width: 1200px; */
	height: 751.995px;
}
.chart{
    position: relative;
	
}
.chart ul{
	position: relative;
	
}
.item{
	width: 100%;
	height: 751.995px;
	position: absolute;
	transition: all .5s;
}
.chart ul li img{
	width: 100%;
	height: 100%;
	/* position: absolute; */
	transition: all 2000ms;
	opacity: 0;
}
.chartimg .active img{
	opacity: 1;
}
.pointlist{
	position: absolute;
	padding-left: 700px;
	top: 700px;
}
.point{
	cursor: pointer;
	background-color: rgba(0,0,0,0.5);
	width: 12px;
	height: 12px;
	border-radius: 100%;
	z-index: 10000;
	float: left;
	margin-right: 16px;
	border-style: solid;
	border-width: 3.5px;
	border-color: rgba(30,40,30,0.4);
	/* background-color: rgba(255,255,255,0.6); */
}
.pointlist .active{
	background-color: rgba(255,255,255,0.6);
}
.bt{
	position: absolute;
	z-index: 100;
	top: 300px;

}
#prev{
	left: 10px;
	background: none;
	border: none;
}
#prev:hover{
	background-color: rgba(255,255,255,0.1);
}

/* #prev:active{
	background-color: #000000;
} */
#prev img{
	padding: 25px 35px;
}
#next{
	background: none;
	border: none;
	right: 10px;
}
#next:hover{
	background-color: rgba(255,255,255,0.1);
}
#next img{
	padding: 25px 35px;
}

/* 不变化部分-轮播图结束 
/* <!-- 关于我们开始 --> */
.about{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	width: 1280px;
	height: 257.61px;
	/* border: solid; */
}
.about-top span{
	font-weight: bold;
	font-size: 28px;
}
.about-main{
	margin-top: 50px;
	margin-bottom: 50px;
	width: 1190px;
	height: 76.15px;
}
.about-main span{
	color: #976666;
	font-size: 14px;
}
.about-img img{
	width: 160.998px;
}
/* <!-- 关于我们结束 - */
/* 		<!-- 六张照片开始 --> */
.photo{
	/* display: flex; */
	width: 1280px;
	/* height: 924.88px; */
	/* background-color: #FFFF00; */
	padding-top: 55px;
	padding-bottom: 50px;
}
.photo-top {
	margin-bottom: 20px;
}
.photo-top ul { 
	display: flex;
	flex-wrap: wrap;

	justify-content: space-between;
}
.photo-top ul li{
	display: flex;
	/* background-color: white; */
	width: 367px;
	height: auto;
	overflow:hidden;
	/* border: solid; */
	/* transition: all 400ms; */
	transition-duration:400ms ;
	/* transition-delay: 0.1s; */
	animation-fill-mode: backwards;
}
.photo-top ul li:hover{
	transform: translateY(-20px);
	/* animation-fill-mode: forwards; */
	box-shadow: 3px 0px 20px #9a9a9a;
	/* box-shadow: -10px 0px 25px ; */
	
}
.photo-top ul li div{
	padding-top: 1px;
}
.box-1{
	margin-bottom: 10px;
}
.box-1 img{
	width: 363.91px
}
.box-2{
	display: flex;
	flex-direction: column;
	width: 363.91px;
	/* height: 65px; */
}
.box-2 span{
	font-weight: bold;
	color: #000000;
	/* margin-top: 10px;
	margin-bottom: 10px; */
}
.box-2 p{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 16px;
	color: #8989A8;
	/* border: solid; */
}
/* <!-- 六张照片结束 --> */
/*<!-- 我们的理念开始 -->  */
.ideal{
	/* background-color: #787871; */
	display: flex;
	height: 130.07px;
	line-height: 130.07px;
	
}
.ideal span{
	font-size: 34px;
}
/* <!-- 我们的理念结束 --> */
/* <!-- 我们的理念开始 --> */
.introduce{
	display: flex;
	/* background-color: aquamarine; */
	width: 1200px;
	height: 396.070px;
}
.introduce-left{
	width: 590px;
	height: 333.08px;

}
.introduce-left-top{
	width: 537.01px;
	height: 110.47px;
	margin-bottom: 20px;
}
.introduce-left-top span{
	line-height: 25.5px;
	color: #A18080;
}
.introduce-left-low{
	width: 537.01px;
	height: 194.62px;
}
.introduce-left-low span{
	line-height: 25.5px;
	color: #A18080;
}
.introduce-right{
	width: 600px;
	height: 322px;
	display: flex;
}
.introduce-right img{
	right: 0;
	width: 512px;
	height: 321px;
	box-shadow: 0px 0px 15px #6d6d6d;
}
/* <!-- 介绍结束 -->
<!-- 记录开始 --> */
.record{
	/* background-color: #79a1ff; */
	display: flex;	
}
.record-left{
	/* border: solid; */
	display: flex;
	
	/* left: -10px; */
}
.record-left img{
	width: 730.385px;
	height: 730.385px;
}
.record-right{
	margin-top:252.84px ;
	width: 730.385px;
	height: 252.84px;
	/* background-color: #787871; */
	margin-left:25px;
}
.record-right-top{
	margin-top: 3px;
	margin-bottom: 10px;
	color: #99A6C3;
	height:  31.54px;
	line-height:  31.54px;
}
.record-right-top span{
	display: flex;
	flex-direction: row;
}
.record-right-head{
	height: 33.85px;
	line-height: 33.85px;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
.record-right-head span{
	display: flex;
	flex-direction: row;
}
.record-right-main{
	height: 93.85px;
}
.record-right-main span{
	display: flex;
	flex-direction: row;
}
.record-right-more{
	margin-top: 30px;
}
.record-right-more span{
	padding: 10px 30px;
	/* background-color: #555555; */
	color: white;
	/* display: flex; */
	/* flex-direction: row; */
}
.art{
	display: flex;
	/* background-color: #79A1FF; */
}
.art-right{
	/* height: 730.385px;
	width: 730.385px; */
}
.art-right img{
	width: 730.385px;
}
.art-left{
	/* background-color: #6D6D6D; */
	width: 730.385px;
	height: 252.84px;
	margin-top: 252.84px;
	margin-right: 20px;
	/* margin-right: 5px; */
}
.art-left-top{
	margin-top: 3px;
	margin-bottom: 10px;
	color: #99A6C3;
	height:  31.54px;
	line-height:  31.54px;
}
.art-left-top span{
	display: flex;
	flex-direction: row-reverse;
}
.art-left-head span{
	height: 33.85px;
	line-height: 33.85px;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row-reverse;
}
.art-left-main span{
	height: 93.85px;
	display: flex;
	flex-direction: row-reverse;
}
.art-left-more{
	
}
.art-left-more span{
	padding: 10px 30px;
	/* background-color: #555555; */
	color: white;
	
}
.blog-box{
	margin-top: 50px;
	display: flex;
	width: 1280px;
	height: 621.21px;
}
.blog{
	width: 1190px;
	height: 671.21px;
	/* background-color: #74bc00; */
	/* padding-bottom: 50px; */
}
.blog-top{
	display: flex;
	height: 68.08px;
}
.blog-top span{
	font-size: 38px;
	line-height: 68.08px;
}
.blog-main{
	/* height: 76.15px; */
	display: flex;
	/* background-color: #4F4F4F; */
	/* flex-direction: column; */
}
.blog-main span{
	line-height: 25.38px;
	font-size: 14px;
	color: #666666;
}
.blog-low{
	position: relative;
	margin-top: 50px;
	/* padding-bottom: 50px; */
	display: flex;
	flex-direction: column;
	width: 1190px;
	background-color: navajowhite;
}
.blog-low-box1{
	padding-right: 100px;
	/* width: 1820px; */
	height: 132px;
	display: flex;
	/* background-color: beige; */
	/* display: inline-block; */
	position: absolute;
	transition-duration:400ms ;
	animation-fill-mode: backwards;
	/* line-height: 132px; */
}
.blog-low-box1:hover{
	background-color: #757575;
}
.blog-low-box1-left{
	/* height: 132px; */
	margin-top: 30px;
	display: flex;
	/* padding: 10px 20px; */
	/* border: solid; */
	/* background-color: #b2ba7b; */
}
.blog-low-box1-left-left{
	width: 381.3px;
	margin-right: 55px;
}
.blog-low-box1-left-left span a{
	display: flex;
	flex-direction: row-reverse;
	/* color: #444444; */
	color: #000000;
}
.blog-low-box1-left-left p{
	display: flex;
	flex-direction: row-reverse;
	line-height: 25px;
	color: #999999;
}
.blog-low-box1-left-right span{
	color: #BDBDBD;
	font-size: 40px;
}
.blog-low-box1-left-right p{
	color: #BDBDBD;
	font-size: 12px
}
.blog-low-box2{
	margin-top: 10px;
	padding-left: 100px;
	height: 132px;
	position: absolute;
	top: 132px;
	right: 0;
	transition-duration:400ms ;
	animation-fill-mode: backwards;
	/* background-color: blanchedalmond; */
	display: flex;
	/* border: solid; */
}
.blog-low-box2:hover{
	background-color: #757575;
}
.blog-low-box2-right{
	width: 400.3px;
	margin-right: 5px;
	padding-top: 25.5px;

}

.blog-low-box2-right span a{
	display: flex;
	font-size: 14px;
	margin-bottom: 5px;
	color: #000000;
}
.blog-low-box2-right p{
	display: flex;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	/* width: 450px; */
}
.blog-low-box2-left{
	margin-right: 40px;
	/* border: solid; */
	padding-top: 20px;
}
.blog-low-box2-left span{
	
	color: #BDBDBD;
	font-size: 38px;
}
.blog-low-box2-left p{
	color: #BDBDBD;
	font-size: 14px;
}
.blog-low-box3{
	padding-right: 100px;
	/* width: 1820px; */
	height: 132px;
	/* background-color: beige; */
	/* display: inline-block; */
	position: absolute;
	top: 294px;
	transition-duration:400ms ;
	animation-fill-mode: backwards;
	/* line-height: 132px; */
}
.blog-low-box3:hover{
	background-color: #757575;
}
.blog-low-box3-left{
	/* height: 132px; */
	margin-top: 30px;
	display: flex;
	/* background-color: #b2ba7b; */
}
.blog-low-box3-left-left{
	width: 381.3px;
	margin-right: 55px;
}
.blog-low-box3-left-left span a{
	color: #000000;
	display: flex;
	flex-direction: row-reverse;
	/* color: #444444; */
}
.blog-low-box3-left-left p{
	display: flex;
	flex-direction: row-reverse;
	line-height: 25px;
	color: #999999;
}
.blog-low-box3-left-right span{
	color: #BDBDBD;
	font-size: 40px;
}
.blog-low-box3-left-right p{
	color: #BDBDBD;
	font-size: 12px
}
/* 		<!-- 博客结束 -->
		<!-- foot开始 --> */
.foot-box{
	width: auto;
	height: 277.98px;
	background-color: #000000;
	padding-top: 46px;
}
.foot{
	display: flex;
	flex-direction: column;
	height: 211.98px;
	/* background-color: #666666; */
}
.foot-top{
	width: 1270px;
	height: 89.99px;
	display: flex;
}
.foot-contact{
	padding-top: 20px;
	/* background-color: #666666; */
}
.foot-contact img{
	width: 31.995px;
	margin: 0px 5px;
	background-color: white;
	border-radius: 100%;
}
.foot-low {
	padding-top: 10px;
}
.foot-low span{
	color: white;
	font-size: 12px;
	letter-spacing: 2px;
}

/* -----------------左边隐藏栏 */
#meSelf{
	box-shadow: 0 0 2px;
	position: fixed;
	/* border: 1xp solid; */
	width: 250px;
	height: 100vh;
	z-index: 999;
	/* opacity: 0.8; */
	display: flex;
	top: 0;
	transform: translateX(-250px);
	flex-direction: column;
	transition: all 1.5s;

}
.m-top{
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100px;
	height: 100px;
	box-shadow: 0 0 2px;
	border-radius: 55px;
	opacity: 1;
	background-image: url(../img/66.jpg);
	background-size: cover;
}
.m-main ul{
	border-radius: 5px;

}
.m-main ul li{
	display: flex;
	/* border: 1px solid; */
	margin-top: 20px;
	font-family: "幼圆";
	/* color: rgb(15, 27, 31); */
	font-weight: bold;
}
.m-main ul li span{
	color:rgb(17, 17, 16);
}
.m-main ul li a{
	color:greenyellow;
	font-weight: bold;
}
.m-foot{
	box-shadow: 0 0 5px;
	margin-top:145px ;
	width: 250px;
	height: 200px;
	/* border: solid 1px; */
	background-image: url('https://img3.jiemian.com/101/original/20181010/153915153615125600.gif');
	background-size: cover;
}
.asd{

	/* border: solid 1px; */
	width: 50px;
	height: 50px;
	background-image: url(../img/67.png);
	position: fixed;
	bottom: 10px;
	left: 250px;
	z-index: 99;
	background-size: cover;
	transition-duration:400ms ;
	/* transition-delay: 0.1s; */
	/* animation-fill-mode: backwards; */
}
.asd:hover{
	transform:scale(1.2);
}